/* 封装axios用于发送请求 */
import router from '@/router'
import store from '@/store'
import axios from 'axios'
import { Message } from 'element-ui'

// 创建一个新的axios实例
const request = axios.create({
  baseURL: process.env.VUE_APP_BASE_API,
  timeout: 5000
})

// 添加请求拦截器
request.interceptors.request.use(function(config) {
  // 在发送请求之前做些什么
  const token = store.state.user.token
  // console.log(token)
  if (token) {
    // 携带 token
    config.headers.Authorization = `Bearer ${token}`
  }
  return config
}, function(error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
request.interceptors.response.use(response => {
  // console.log(response.data.message)
  if (response.data instanceof Blob) return response.data // 返回了Blob对象
  // 登录成功返还成功提示
  if (response.data.message) {
    return response.data
  } else {
    // 登录错误提示错误并且抛出一个promise对象，登录页可以try catch捕获
    Message.error(response.data.message)
    return Promise.reject(response.data.message)
  }
}, error => {
  console.dir(error.response.status)
  // 判断401错误
  if (error.response.status === 401) {
    // 提示用户
    Message.error('请重新登录')
    // 清楚token
    store.dispatch('user/logout')
    // 跳转到登录页
    router.push('/login')
  }

  return Promise.reject(error)
})

export default request
